<ion-header>
  <ion-navbar>
    <ion-title>
      购物车
    </ion-title>
  </ion-navbar>
</ion-header>

<ion-content>

    <div class="card_list" *ngFor="let item of list">
        <div class="top cleafix">
            <div class="card_left">
              <span class="show">加价购</span>
              <span>已够满10元，加上3元换购商品</span>
            </div>
            <div class="card_right">
                <div class="forward">
                  <span>去换购</span>
                  <ion-icon color='danger' name="arrow-forward"></ion-icon>
                </div>
            </div>
          </div>
          <div class="bottom">
              <div class="box">
                  <ion-checkbox color="danger"></ion-checkbox>
                  <img src="assets/imgs/00.jpg">
              </div>
              <div class="bottom_right">
                  <div>
                    <div class="title">
                      <span>京东超市</span>
                      <span>恒顺镇江相醋500ml</span>
                    </div>
                    <span class="caiping">炒菜 拌酱 蘸料醋</span>
                    <span class="taste">重量0.84kg 口味:镇江香醋500ml ...</span>
                  </div>
    
                  <div class="bottom_right_bt">
                      <ion-item none>
                          <span ion-start>&yen; 89 <sub>.63</sub></span>
                          <div class="bt_right cleafix" item-end>
                              <ion-icon class='bt_circle_right' name="add" (click)="addNum()"></ion-icon>
                              <span >{{num}}</span>
                              <ion-icon class='bt_circle_left' name="remove" (click)="removeName()"></ion-icon>
                         </div>
                      </ion-item>
                  </div>
              </div>
          </div>
    </div>
</ion-content>
